<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单控件demo</title>
</head>

<body>

    <select name="city" id="">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">广州</option>
        <option value="4">深圳</option>
    </select>

    <textarea name="" id="" cols="30" rows="10">你好</textarea>

    <form action="demo1.html" method="get">
        文本框：<input type="text" name="username"><br />
        密码框：<input type="password" name="password" id=""><br />

        文本框：<input type="text"><br />
        密码框：<input type="password" name="" id=""><br />
        性别：<input type="radio" name="gender" id="gender1"><label for="gender1">男</label>
        <input type="radio" name="gender" id="gender2"><label for="gender2">女</label><br />

        学历：<input type="radio" name="edu" id="edu1"><label for="edu1">本科及以上</label>
        <input type="radio" name="edu" id="edu2"><label for="edu2">高中及以上</label>

        兴趣爱好：<input type="checkbox" name="n1">音乐
        <input type="checkbox" name="n1" value="1">画画
        <input type="checkbox" name="n1" value="2">篮球
        <input type="checkbox" name="n1" value="3">足球<br/>
        <input type="button" value="提交" onclick="alert('hahahaha')">
        <button>button标签</button>
        <input type="submit" value="提交submit">
    </form>
</body>

</html>